<!DOCTYPE html>
<html lang="en">
	<head>
    	<meta name="layout" content="main_customer_pc">
        <title>火堆</title>       
        <link rel="stylesheet" href="${resource(dir: 'css', file: 'user.center.css')}" type="text/css">
        <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
        <link rel="stylesheet" type="text/css" href="../css_pc/article.css" />
		<link rel="stylesheet" type="text/css" href="../css_pc/item.css" />
		<link rel="stylesheet" type="text/css" href="/scfire/css_pc/simditor.css" /> 
    </head>
<body>

	<section class="">
        <div class="banner style1 fix-bottom" style="background-image: url(/scfire/project/imgRead?img=${article.img})">
            <div class="title">
                <div class="container">
                     <div class="date"><g:formatDate format="yyyy-MM-dd HH:mm" date="${article.date}"/></div>
                    <h2>${article.title}</h2>
                </div>
            </div>
        </div>
        <div class="content">
        <div class="container">
            <article class="intend">
            <div class="simditor">
	            <div class="simditor-body" id="content">
	            </div>
            </div>
            	
            </article>
            </div>
        </div>
    </section>

	<input id="article" type="hidden" value="${article.content}"/>
	<script type="text/javascript">

		$(function() {
			$('ul.nav.navbar-nav li').hover(
					function() {
						console.log($(this).index());
						$(this).siblings('.top-active').addClass(
								'position-' + $(this).index());
					},
					function() {
						$(this).siblings('.top-active').removeClass(
								'position-' + $(this).index());
			});

			$("#content").html($("#article").val());

		});

	</script>

</body>
</html>